<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="./home.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_774872_cyn2tlx295.css">
</head>
<body>
<div id="Frist">
<!--头部-->
<div class="top ">
    <div class="logo_1 br">

        <i class='iconfont icon-guajiang br' style="font-size: 20px; line-height: 35px;"></i>
        <div class="wt">我的</div>
    </div>
    <div class="logo_2 ">
        <i class='iconfont icon-guajiang' style="font-size: 20px; line-height: 35px;"></i>
        <div class="wt">消息</div>
    </div>
    <div class="search ">
        <i class='iconfont icon-guajiang' style=""></i>
        <input type="text" placeholder="搜索股票/理财师/观点/问答" />
    </div>
</div>

<!--主体-->
<div class="main ">
    <div class="container ">
        <div class="f_lunbotu " style="left:-375px">
            <img src="" alt="5">
            <img src="" alt="1">
            <img src="" alt="2">
            <img src="" alt="3">
            <img src="" alt="4">
            <img src="" alt="5">
            <img src="" alt="1">
        </div>
        <div class="buttons ">

            <span index="1" class="on"></span>
            <span index="2"></span>
            <span index="3"></span>
            <span index="4"></span>
            <span index="5"></span>
        </div>
    </div>
    <div class="mainbav ">
            <div class="subnav_1 ">
                    <li class="nav br">
                        <i class="iconfont icon-icon--"></i>
                        <p>赛事报道</p>
                    </li>
                    <li class="nav br">
                        <i class="iconfont icon-icon--"></i>
                        <p>老师战队</p>
                    </li>
                    <li class="nav br">
                        <i class="iconfont icon-icon--"></i>
                        <p>模拟交易</p>
                    </li>
                    <li class="nav br">
                        <i class="iconfont icon-icon--"></i>
                        <p>股神排行</p>
                    </li>
                    <li class="nav br">
                        <i class="iconfont icon-icon--"></i>
                        <p>跟计划</p>
                    </li>
                    <li class="nav br">
                        <i class="iconfont icon-icon--"></i>
                        <p>学课程</p>
                    </li>
                    <li class="nav br">
                        <i class="iconfont icon-icon--"></i>
                        <p>找老师</p>
                    </li>
                    <li class="nav br">
                        <i class="iconfont icon-icon--"></i>
                            <p>TMD内参</p>
                    </li>
            </div>
            <div class="subnav_2 ">
                <li class="nav br">
                    <i class="iconfont icon-icon--"></i>
                    <p>智能诊股</p>
                </li>
                <li class="nav br">
                    <i class="iconfont icon-icon--"></i>
                    <p>走势预测</p>
                </li>
                <li class="nav br">
                    <i class="iconfont icon-icon--"></i>
                    <p>多空选股</p>
                </li>
                <li class="nav br">
                    <i class="iconfont icon-icon--"></i>
                    <p>热股前瞻</p>
                </li>
                <li class="nav br">
                    <i class="iconfont icon-icon--"></i>
                    <p>免费问</p>
                </li>
                <li class="nav br">
                    <i class="iconfont icon-icon--"></i>
                    <p>云盘看图</p>
                </li>
                <li class="nav br">
                    <i class="iconfont icon-icon--"></i>
                    <p>昨夜今晨</p>
                </li>
                <li class="nav br">
                    <i class="iconfont icon-icon--"></i>
                    <p>股市德云社</p>
                </li>
            </div>
            <div class="subnav_3 ">
                <li class="nav br">
                    <i class="iconfont icon-icon--"></i>
                    <p>听股市</p>
                </li>
                <li class="nav br">
                    <i class="iconfont icon-icon--"></i>
                    <p>开户</p>
                </li>
                <div class="nav ">
                    <li></li>
                </div>
                <div class="nav ">
                    <li></li>
                </div>
                <div class="nav ">
                    <li></li>
                </div>
                <div class="nav ">
                    <li></li>
                </div>
                <div class="nav ">
                    <li></li>
                </div>
                <div class="nav ">
                    <li></li>
                </div>
            </div>
        <div class="buttons_m1 ">
            <span index="6" class="on"></span>
            <span index="7"></span>
            <span index="8"></span>
        </div>
        <div class="buttons_m2 ">
            <span index="6" ></span>
            <span index="7" class="on"></span>
            <span index="8"></span>
        </div>
        <div class="buttons_m3 ">
            <span index="6"></span>
            <span index="7"></span>
            <span index="8" class="on"></span>
        </div>
    </div>

    <div class="submenu br">
        <div class="sub">
            <div class="s_menu br">
                <div class="nu_1 ">
                    <div class="nu_l br"></div>
                    <div class="nu_m ">
                        <div class="nu_m1 ">
                            王者实战
                        </div>
                        <div class="nu_m2 ">
                            <div class="m2 ">大V</div>
                            <div class="m2 ">经验丰富</div>
                            <div class="m2 ">实盘冠军</div>
                        </div>
                    </div>
                    <div class="nu_r ">关注</div>
                </div>
                <div class="nu_2 ">
                    <div class="nu2_l ">
                        <i class='iconfont icon-guajiang'></i>
                    </div>
                    <div class="nu2_r ">财经大V, 经验丰富, 实盘冠军,理念独特</div>
                </div>
            </div>
            <div class="s_menu br"></div>
            <div class="s_menu br"></div></div>

    </div>


    <div class="bottom-nav ">
        <div class="b-nav " >
            <a href="#">关注</a>
        </div>
        <div class="b-nav " >
            <a href="#">推荐</a>
        </div>
        <div class="b-nav ">
            <a href="#">咨询</a>
        </div>
        <div class="b-nav ">
            <a href="#">自选</a>
        </div>
        <div class="b-nav ">
            <a href="#">7X24</a>
        </div>
        <hr>
    </div>

    <div class="bottom-message br">

            <!--<div class="b_list_1 br">-->
                <!--<div class="b_message br">-->
                    <!--<div class="bm_top ">-->
                        <!--<div class="bmt_l br"></div>-->
                        <!--<div class="bmt_r br">111</div>-->
                    <!--</div>-->
                    <!--<div class="bm_main ">111111111111111111111111111-->
                        <!--1111111111111111111111111</div>-->
                    <!--<div class="bm_bottom ">-->
                        <!--<div class="bmb_l ">-->
                            <!--<div class="bl ">07-27</div>-->
                            <!--<div class="bl ">09:30</div>-->
                        <!--</div>-->
                        <!--<div class="bmb_r ">-->
                            <!--<i class='iconfont icon-guajiang'></i>-->
                            <!--<div class="blg ">10</div>-->
                        <!--</div>-->
                    <!--</div>-->
                    <!--<hr>-->
                <!--</div>-->
                <!--<div class="b_message br">-->
                    <!--<div class="bm_top ">-->
                        <!--<div class="bmt_l br"></div>-->
                        <!--<div class="bmt_r br">111</div>-->
                    <!--</div>-->
                    <!--<div class="bm_main ">111111111111111111111111111-->
                        <!--1111111111111111111111111</div>-->
                    <!--<div class="bm_bottom ">-->
                        <!--<div class="bmb_l ">-->
                            <!--<div class="bl ">07-27</div>-->
                            <!--<div class="bl ">09:30</div>-->
                        <!--</div>-->
                        <!--<div class="bmb_r ">-->
                            <!--<i class='iconfont icon-guajiang'></i>-->
                            <!--<div class="blg ">10</div>-->
                        <!--</div>-->
                    <!--</div>-->
                    <!--<hr>-->
                <!--</div>-->
                <!--<div class="b_message br">-->
                    <!--<div class="bm_top ">-->
                        <!--<div class="bmt_l br"></div>-->
                        <!--<div class="bmt_r br">111</div>-->
                    <!--</div>-->
                    <!--<div class="bm_main ">111111111111111111111111111-->
                        <!--1111111111111111111111111</div>-->
                    <!--<div class="bm_bottom ">-->
                        <!--<div class="bmb_l ">-->
                            <!--<div class="bl ">07-27</div>-->
                            <!--<div class="bl ">09:30</div>-->
                        <!--</div>-->
                        <!--<div class="bmb_r ">-->
                            <!--<i class='iconfont icon-guajiang'></i>-->
                            <!--<div class="blg ">10</div>-->
                        <!--</div>-->
                    <!--</div>-->
                    <!--<hr>-->
                <!--</div>-->
                <!--<div class="b_message br">-->
                    <!--<div class="bm_top ">-->
                        <!--<div class="bmt_l br"></div>-->
                        <!--<div class="bmt_r br">111</div>-->
                    <!--</div>-->
                    <!--<div class="bm_main ">111111111111111111111111111-->
                        <!--1111111111111111111111111</div>-->
                    <!--<div class="bm_bottom ">-->
                        <!--<div class="bmb_l ">-->
                            <!--<div class="bl ">07-27</div>-->
                            <!--<div class="bl ">09:30</div>-->
                        <!--</div>-->
                        <!--<div class="bmb_r ">-->
                            <!--<i class='iconfont icon-guajiang'></i>-->
                            <!--<div class="blg ">10</div>-->
                        <!--</div>-->
                    <!--</div>-->
                    <!--<hr>-->
                <!--</div>-->
            <!--</div>-->



            <!--<div class="b_list_2 br ">-->
                <!--<div class="b_message br">-->
                    <!--<div class="bm_top ">-->
                        <!--<div class="bmt_l br"></div>-->
                        <!--<div class="bmt_r br">111</div>-->
                    <!--</div>-->
                    <!--<div class="bm_main br">111111111111111111111111111-->
                        <!--1111111111111111111111111</div>-->
                    <!--<div class="bm_bottom ">-->
                        <!--<div class="bmb_l ">-->
                            <!--<div class="bl ">07-27</div>-->
                            <!--<div class="bl ">09:30</div>-->
                        <!--</div>-->
                        <!--<div class="bmb_r ">-->
                            <!--<i class='iconfont icon-guajiang'></i>-->
                            <!--<div class="blg ">100</div>-->
                        <!--</div>-->
                    <!--</div>-->
                    <!--<hr>-->
                <!--</div>-->
                <!--<div class="b_message br">-->
                    <!--<div class="bm_top ">-->
                        <!--<div class="bmt_l br"></div>-->
                        <!--<div class="bmt_r br">111</div>-->
                    <!--</div>-->
                    <!--<div class="bm_main br">-->
                        <!--<h1>kkkkkkkkkkkk</h1>-->
                        <!--111111111111111111111111111-->
                        <!--1111111111111111111111111</div>-->
                    <!--<div class="bm_bottom ">-->
                        <!--<div class="bmb_l ">-->
                            <!--<div class="bl ">07-27</div>-->
                            <!--<div class="bl ">09:30</div>-->
                        <!--</div>-->
                        <!--<div class="bmb_r ">-->
                            <!--<i class='iconfont icon-guajiang'></i>-->
                            <!--<div class="blg ">100</div>-->
                        <!--</div>-->
                    <!--</div>-->
                    <!--<hr>-->
                <!--</div>-->
                <!--<div class="b_message br">-->
                    <!--<div class="bm_top ">-->
                        <!--<div class="bmt_l br"></div>-->
                        <!--<div class="bmt_r br">111</div>-->
                    <!--</div>-->
                    <!--<div class="bm_main br">-->
                    <!--<div class="bm_main_2 ">-->
                        <!--<div class="bmm_t"><h3>少时诵诗少时诵诗书少时诵诗书所</h3></div>-->
                        <!--少时诵诗书所所所所所所所所所所所所所所所所所所所所所所所</div>-->
                        <!--<div class="bm_main_3 ">-->
                    <!--</div>-->
                    <!--</div>-->
                    <!--<div class="bm_bottom ">-->
                        <!--<div class="bmb_l ">-->
                            <!--<div class="bl ">07-27</div>-->
                            <!--<div class="bl ">09:30</div>-->
                        <!--</div>-->
                        <!--<div class="bmb_r ">-->
                            <!--<i class='iconfont icon-guajiang'></i>-->
                            <!--<div class="blg ">100</div>-->
                        <!--</div>-->
                    <!--</div>-->
                    <!--<hr>-->
                <!--</div>-->
                <!--<div class="b_message_1 br">-->
                    <!--<div class="bm_top ">-->
                        <!--<div class="bmt_l br"></div>-->
                        <!--<div class="bmt_r br">111</div>-->
                    <!--</div>-->
                    <!--<div class="bm_main_4 ">-->
                        <!--<div class="bmm_n br">-->
                            <!--<div class="mn_t ">-->
                                <!--<div class="bmt_l br"></div>-->
                                <!--<div class="bmt_r br">111</div>-->
                                <!--<hr>-->
                            <!--</div>-->
                            <!--<hr>-->
                            <!--<div class="mn_b">-->
                                <!--<div class="mnb_t">-->
                                    <!--<div class="mnb_tl">-->
                                        <!--<h3>8.01%</h3>-->
                                    <!--</div>-->
                                    <!--<div class="mnb_tl">-->
                                        <!--<h3>8.01%</h3>-->
                                    <!--</div>-->
                                <!--</div>-->
                                <!--<div class="mnb_m">-->
                                    <!--<div class="mnb_mt">-->
                                        <!--<h5>最佳收益率</h5></div>-->
                                    <!--<div class="mnb_mt">-->
                                        <!--<h5>服务满意度</h5></div>-->
                                <!--</div>-->
                                <!--<div class="mnb_b ">-->
                                    <!--<div class="mnb_bk br">-->
                                        <!--<h5>+ 关注</h5>-->
                                    <!--</div>-->
                                <!--</div>-->
                            <!--</div>-->
                        <!--</div>-->
                        <!--<div class="bmm_n br">-->
                            <!--<div class="mn_t ">-->
                                <!--<div class="bmt_l br"></div>-->
                                <!--<div class="bmt_r br">111</div>-->
                                <!--<hr>-->
                            <!--</div>-->
                            <!--<hr>-->
                            <!--<div class="mn_b">-->
                                <!--<div class="mnb_t">-->
                                    <!--<div class="mnb_tl">-->
                                        <!--<h3>8.01%</h3>-->
                                    <!--</div>-->
                                    <!--<div class="mnb_tl">-->
                                        <!--<h3>8.01%</h3>-->
                                    <!--</div>-->
                                <!--</div>-->
                                <!--<div class="mnb_m">-->
                                    <!--<div class="mnb_mt">-->
                                        <!--<h5>最佳收益率</h5></div>-->
                                    <!--<div class="mnb_mt">-->
                                        <!--<h5>服务满意度</h5></div>-->
                                <!--</div>-->
                                <!--<div class="mnb_b ">-->
                                    <!--<div class="mnb_bk br">-->
                                        <!--<h5>+ 关注</h5>-->
                                    <!--</div>-->
                                <!--</div>-->
                            <!--</div>-->
                        <!--</div>-->
                    <!--</div>-->
                    <!--<hr>-->
                <!--</div>-->
                <!--<div class="b_message br">-->
                    <!--<div class="bm_top ">-->
                        <!--<div class="bmt_l br"></div>-->
                        <!--<div class="bmt_r br">111</div>-->
                    <!--</div>-->
                    <!--<div class="bm_main ">-->
                        <!--<div class="bm_main_2 br">-->
                            <!--<div class="bmm_t"><h3>少时诵诗少时诵诗书少时诵诗书所</h3></div>-->
                            <!--少时诵诗书所所所所所所所所所所所所所所所所所所所所所所所</div>-->
                        <!--<div class="bm_main_3 br">-->
                        <!--</div>-->
                    <!--</div>-->
                    <!--<div class="bm_bottom ">-->
                        <!--<div class="bmb_l ">-->
                            <!--<div class="blk br">热门</div>-->
                            <!--<div class="bl ">09:30</div>-->
                        <!--</div>-->
                        <!--<div class="bmb_r ">-->
                            <!--<i class='iconfont icon-guajiang'></i>-->
                            <!--<div class="blg ">100</div>-->
                        <!--</div>-->
                    <!--</div>-->
                    <!--<hr>-->
                <!--</div>-->
            <!--</div>-->





            <!--<div class="b_list_3 br">-->
                <!--<div class="b_message_2 ">-->
                    <!--<div class="bm_main_1 ">-->
                        <!--<div class="bm_main_2 br">-->
                            <!--<div class="bmm_t"><h3>少时诵诗少时诵诗书少时诵诗书所</h3></div>-->
                            <!--少时诵诗书所所所所所所所所所所所所所所所所所所所所所所所</div>-->
                        <!--<div class="bm_main_3 br">-->
                        <!--</div>-->
                    <!--</div>-->
                    <!--<div class="bm_bottom ">-->
                        <!--<div class="bmb_l ">-->
                            <!--<div class="bl ">07-27</div>-->
                            <!--<div class="bl ">09:30</div>-->
                        <!--</div>-->
                    <!--</div>-->
                    <!--<hr>-->
                <!--</div>-->
                <!--<div class="b_message_2 ">-->
                    <!--<div class="bm_main_1 ">-->
                        <!--<div class="bm_main_2 br">-->
                            <!--<div class="bmm_t"><h3>少时诵诗少时诵诗书少时诵诗书所</h3></div>-->
                            <!--少时诵诗书所所所所所所所所所所所所所所所所所所所所所所所</div>-->
                        <!--<div class="bm_main_3 br">-->
                        <!--</div>-->
                    <!--</div>-->
                    <!--<div class="bm_bottom ">-->
                        <!--<div class="bmb_l ">-->
                            <!--<div class="bl ">07-27</div>-->
                            <!--<div class="bl ">09:30</div>-->
                        <!--</div>-->
                    <!--</div>-->
                    <!--<hr>-->
                <!--</div>-->
                <!--<div class="b_message_2 ">-->
                    <!--<div class="bm_main_1 ">-->
                        <!--<div class="bm_main_2 br">-->
                            <!--<div class="bmm_t"><h3>少时诵诗少时诵诗书少时诵诗书所</h3></div>-->
                            <!--少时诵诗书所所所所所所所所所所所所所所所所所所所所所所所</div>-->
                        <!--<div class="bm_main_3 br">-->
                        <!--</div>-->
                    <!--</div>-->
                    <!--<div class="bm_bottom ">-->
                        <!--<div class="bmb_l ">-->
                            <!--<div class="bl ">07-27</div>-->
                            <!--<div class="bl ">09:30</div>-->
                        <!--</div>-->
                    <!--</div>-->
                    <!--<hr>-->
                <!--</div>-->
                <!--<div class="b_message_2 ">-->
                    <!--<div class="bm_main_1 ">-->
                        <!--<div class="bm_main_2 br">-->
                            <!--<div class="bmm_t"><h3>少时诵诗少时诵诗书少时诵诗书所</h3></div>-->
                            <!--少时诵诗书所所所所所所所所所所所所所所所所所所所所所所所</div>-->
                        <!--<div class="bm_main_3 br">-->
                        <!--</div>-->
                    <!--</div>-->
                    <!--<div class="bm_bottom ">-->
                        <!--<div class="bmb_l ">-->
                            <!--<div class="bl ">07-27</div>-->
                            <!--<div class="bl ">09:30</div>-->
                        <!--</div>-->
                    <!--</div>-->
                    <!--<hr>-->
                <!--</div>-->

            <!--</div>-->




            <!--<div class="b_list_4 br">-->
                <!--<div class="bottom-newnav ">-->
                    <!--<div class="newnav ">-->
                        <!--<i class='iconfont br icon-guajiang'></i>-->
                        <!--<div><a href="#">新闻</a></div>-->
                    <!--</div>-->
                    <!--<div class="newnav ">-->
                        <!--<i class='iconfont icon-guajiang'></i>-->
                        <!--<div><a href="#">新闻</a></div>-->
                    <!--</div>-->
                    <!--<div class="newnav ">-->
                        <!--<i class='iconfont icon-guajiang'></i>-->
                        <!--<div><a href="#">新闻</a></div>-->
                    <!--</div>-->
                    <!--<div class="newnav ">-->
                        <!--<i class='iconfont icon-guajiang'></i>-->
                        <!--<div><a href="#">新闻</a></div>-->
                    <!--</div>-->
                <!--</div>-->
                <!--<div class="new_br"></div>-->
                <!--<div class="b_list4 ">-->
                    <!--<p>自选股新闻</p>-->
                <!--</div>-->
                <!--<hr>-->
                <!--<div class="bl_4 ">-->
                    <!--<div class="bl_4t ">中国轻轨为今年麦加朝觐提供服务,5天运送250万人次</div>-->
                    <!--<div class="bl_4b ">11:00</div>-->
                <!--</div>-->
                <!--<hr>-->
                <!--<div class="bl_4 ">-->
                    <!--<div class="bl_4t ">中国轻轨为今年麦加朝觐提供服务,5天运送250万人次</div>-->
                    <!--<div class="bl_4b ">11:00</div>-->
                <!--</div>-->
                <!--<hr>-->
                <!--<div class="bl_4 ">-->
                    <!--<div class="bl_4t ">中国轻轨为今年麦加朝觐提供服务,5天运送250万人次</div>-->
                    <!--<div class="bl_4b ">11:00</div>-->
                <!--</div>-->
                <!--<hr>-->
                <!--<div class="bl_4 ">-->
                    <!--<div class="bl_4t ">中国轻轨为今年麦加朝觐提供服务,5天运送250万人次</div>-->
                    <!--<div class="bl_4b ">11:00</div>-->
                <!--</div>-->
                <!--<hr>-->
                <!--<div class="bl_4 ">-->
                    <!--<div class="bl_4t ">中国轻轨为今年麦加朝觐提供服务,5天运送250万人次</div>-->
                    <!--<div class="bl_4b ">11:00</div>-->
                <!--</div>-->
                <!--<hr>-->

            <!--</div>-->



            <div class="b_list_5 br">
                <div class="b_list5 ">
                        <div class="b_list5_today ">
                            2018.08.23 星期四
                        </div>
                </div>
                <div class="list-time br"></div>
                <div class="list5-message ">
                    <div class="lm5">
                        <div class="lm5_t">
                            <p>人民币兑美元中间的报价6.8367,上一交易中间价6.8271</p>
                        </div>
                        <div class="lm5_b ">
                            <i class='iconfont icon-guajiang'></i>
                        </div>
                    </div>
                    <hr>

                </div>

            </div>


</div>

</div>

<!--尾部-->
<div class="footer ">
    <div class="foot ">
        <i class='iconfont icon-guajiang'></i>
        <p>首页</p>
    </div>
    <div class="foot ">
        <i class='iconfont icon-guajiang'></i>
        <p>行情</p>
    </div>
    <div class="foot ">
        <i class='iconfont icon-guajiang'></i>
        <p>自选</p>
    </div>
    <div class="foot ">
        <i class='iconfont icon-guajiang'></i>
        <p>交易</p>
    </div>
    <div class="foot ">
        <i class='iconfont icon-guajiang'></i>
        <p>我的</p>
    </div>
</div>
</div>

</body>
</html>
